import React, { Component } from "react";
import ReactDOM from "react-dom/client";

const root = ReactDOM.createRoot(document.getElementById('root'))

// Component 是 react 中组件的基类
// class App extends React.Component {
class App extends Component {

  // render 是每一个类组件都必须实现的一个钩子函数
  // render 内部写的是业务逻辑代码，最终会返回一个组件模板 jsx 代码
  // 在 jsx 中如果遇到 <> 代表的是标签元素或者组件
  // 如果遇到 {} 代表的是 js 表达式
  render () {


    return (<>
      <h1>react {1 + 1}</h1>
    </>)
  }
}

root.render(
  <App />
)
/*
  类组件：
  1. 要定义一个 class 来继承 Component
  2. 一定要在内部实现一个叫 render 钩子函数
  3. 在 render 中一定要 return 出一个组件的模板
*/
